<!DOCTYPE html>
<html  lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=0.75">
	<!--360浏览器优先以webkit内核解析-->
	<title>融媒体数据管理控制台</title>
	<link rel="shortcut icon" href="favicon.ico">
	<link href="../static/css/bootstrap.min.css" th:href="@{/css/bootstrap.min.css}" rel="stylesheet"/>
	<link href="../static/css/font-awesome.min.css" th:href="@{/css/font-awesome.min.css}" rel="stylesheet"/>
	<link href="../static/css/main/animate.min.css" th:href="@{/css/main/animate.min.css}" rel="stylesheet"/>
	<link href="../static/css/main/style.min862f.css" th:href="@{/css/main/style.min862f.css}" rel="stylesheet"/>
	<!-- Morris -->
	<link href="../static/css/plugins/morris/morris-0.4.3.min.css" th:href="@{/css/plugins/morris/morris-0.4.3.min.css}"  rel="stylesheet">
	<!-- Gritter -->
	<link href="../static/js/plugins/gritter/jquery.gritter.css" th:href="@{/js/plugins/gritter/jquery.gritter.css}" rel="stylesheet">
	<!--首页js-->
	<script th:src="@{/js/views/main.js}"></script>
	<!--echarts 可视化图形 插件-->
	<script th:src="@{/js/plugins/echarts/echarts.min.js}"></script>
	<script th:src="@{/js/plugins/echarts/echarts-gl.min.js}"></script>
</head>
<body class="gray-bg" onLoad="main_onload()">
<div class="row  border-bottom  dashboard-header">
	<div class="wrapper wrapper-content" style="padding-top: 0px;">
		<!--<button type="button" class="btn btn-w-m btn-warning" data-toggle="modal" data-target="#pop">系统说明</button>-->
		<!--<div class="modal inmodal" id="pop" tabindex="-1" role="dialog" aria-hidden="true"></div>-->
		<div class="row">
			<div class="col-sm-2">
				<div class="ibox">
					<div class="ibox-content">
						<h1 id="count_dev" class="no-margins"></h1>
						<small>广播终端总量</small>
					</div>
				</div>
			</div>
			<div class="col-sm-2">
				<div class="ibox">
					<div class="ibox-content">
						<h1 id="count_run" class="no-margins"></h1>
						<small>终端设备运行数</small>
					</div>
				</div>
			</div>
			<div class="col-sm-2">
				<div class="ibox">
					<div class="ibox-content">
						<h1 id="count_stop" class="no-margins"></h1>
						<small>终端设备停止数</small>
					</div>
				</div>
			</div>
			<div class="col-sm-2">
				<div class="ibox">
					<div class="ibox-content">
						<h1 id="iotdevcount" class="no-margins"></h1>
						<small>物联网挂载设备</small>
					</div>
				</div>
			</div>
			<div class="col-sm-2">
				<div class="ibox">
					<div class="ibox-content">
						<h1 id="iotcount" class="no-margins"></h1>
						<small>物联网数据</small>
					</div>
				</div>
			</div>
			<div class="col-sm-2">
				<div class="ibox">
					<div class="ibox-content">
						<h1 id="riverviscount" class="no-margins"></h1>
						<small>山洪预警数据</small>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-2">
				<div class="ibox">
					<div class="ibox-content">
						<h1 id="count_ms" class="no-margins"></h1>
						<small>社区人数</small>
					</div>
				</div>
			</div>
			<div class="col-sm-2">
				<div class="ibox">
					<div class="ibox-content">
						<h1 id="count_mm" class="no-margins"></h1>
						<small>男性</small>
					</div>
				</div>
			</div>
			<div class="col-sm-2">
				<div class="ibox">
					<div class="ibox-content">
						<h1 id="count_mw" class="no-margins"></h1>
						<small>女性</small>
					</div>
				</div>
			</div>
			<div class="col-sm-2">
				<div class="ibox">
					<div class="ibox-content">
						<h1 id="count_ps" class="no-margins"></h1>
						<small>党员数</small>
					</div>
				</div>
			</div>
			<div class="col-sm-2">
				<div class="ibox">
					<div class="ibox-content">
						<h1 id="count_p_m" class="no-margins"></h1>
						<small>男性党员</small>
					</div>
				</div>
			</div>
			<div class="col-sm-2">
				<div class="ibox">
					<div class="ibox-content">
						<h1 id="count_pw" class="no-margins"></h1>
						<small>女性党员</small>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-2">
				<div class="ibox">
					<div class="ibox-content">
						<div id="rank_oper" style="height:200px;"></div>
						<!--<p class="text-right text-success">本月操作排名</p>-->
					</div>
				</div>
			</div>
			<div class="col-sm-2">
				<div class="ibox">
					<div class="ibox-content">
						<div id="rank_login" style="height:200px;"></div>
						<!--<p class="text-right text-success">本月登陆排名</p>-->
					</div>
				</div>
			</div>
			<div class="col-sm-6">
				<div class="ibox">
					<div class="ibox-content">
						<div class="row">
							<div class="col-sm-4">
								<div id="rank_loc" style="height:200px;"></div>
							</div>
							<div class="col-sm-8">
								<div class="echarts" id="all_loc" style="height:200px;"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-2">
				<div class="ibox">
					<div class="ibox-content">
						<div id="recent_reg" style="height:200px;"></div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-sm-9">
				<div class="row">
					<div class="col-sm-12">
						<div class="ibox float-e-margins">
							<div class="ibox-title">
								<h5>最近登录记录 </h5>
								<div id="llog_flush_time"  class="ibox-tools"></div>
							</div>
							<div id="sys_login_log" class="ibox-content"></div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-12">
						<div class="ibox float-e-margins">
							<div class="ibox-title">
								<h5>最近操作记录 </h5>
							</div>
							<div id="sys_oper_log" class="ibox-content"></div>
						</div>
					</div>
				</div>
			</div>
			<div class="col-sm-3">
				<div class="row">
					<div class="col-sm-12">
						<div class="ibox float-e-margins">
							<div class="ibox-title">
								<h5>性能参数 </h5>
								<div id="mon_flush_time"  class="ibox-tools"></div>
							</div>
							<div class="ibox-content">
								<div id="sys_mon_cpu"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-12">
						<div class="ibox float-e-margins">
							<div class="ibox-content">
								<div id="sys_mon_disk"></div>
							</div>
						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-sm-12">
						<div class="ibox float-e-margins">
							<div class="ibox-content">
								<div id="sys_mon_line"></div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<script th:src="@{/js/jquery.min.js}"></script>
<script th:src="@{/js/bootstrap.min.js}"></script>
<!--jquery图表float插件-->
<script th:src="@{/js/plugins/flot/jquery.flot.js}"></script>
<script th:src="@{/js/plugins/flot/jquery.flot.tooltip.min.js}"></script>
<script th:src="@{/js/plugins/flot/jquery.flot.spline.js}"></script>
<script th:src="@{/js/plugins/flot/jquery.flot.resize.js}"></script>
<script th:src="@{/js/plugins/flot/jquery.flot.pie.js}"></script>
<script th:src="@{/js/plugins/flot/jquery.flot.symbol.js}"></script>
<!--jquery图表peity插件-->
<script th:src="@{/js/plugins/peity/jquery.peity.min.js}"></script>
<script th:src="@{/js/demo/peity-demo.min.js}"></script>
<script th:src="@{/js/content.min.js}"></script>
<!--jquery交互UI插件-->
<script th:src="@{/js/plugins/jquery-ui/jquery-ui.min.js}"></script>
<!--jquery地图插件-->
<script th:src="@{/js/plugins/jvectormap/jquery-jvectormap-1.2.2.min.js}"></script>
<script th:src="@{/js/plugins/jvectormap/jquery-jvectormap-world-mill-en.js}"></script>
<!--饼图数据统计插件-->
<script th:src="@{/js/plugins/easypiechart/jquery.easypiechart.js}"></script>
<!--小体积高密度图表插件-->
<script th:src="@{/js/plugins/sparkline/jquery.sparkline.min.js}"></script>
<script th:src="@{/js/demo/sparkline-demo.min.js}"></script>
<!--sparkline图表插件-->
<script th:src="@{/js/plugins/sparkline/jquery.sparkline.min.js}"></script>
<script th:src="@{/js/demo/sparkline-demo.min.js}"></script>
</body>
</html>
